
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>shop_list</title>
    <link href="${pageContext.request.contextPath}/css/navigation.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/footer.css" rel="stylesheet">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <link href="${pageContext.request.contextPath}/css/shop_list.css" rel="stylesheet">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/layui/css/layui.css"  >
    <script src="${pageContext.request.contextPath}/dist/layui/layui.js" charset="utf-8"></script>

</head>
<body>
<%--<script src="${pageContext.request.contextPath}/js/navigation.js"></script>
<script src="${pageContext.request.contextPath}/js/nav.js"></script>--%>

<jsp:include page="../navigation/navigation.jsp"/>
<div class="null">
    <div class="breadcrumb">
        <a href="">苏州美食</a>

    </div>
    <div class="navigation">
        <div class="nav-category">
            <h4>分类：</h4>
            <a href="javascript: ;" class="nav-a">
                <span class="col">不限</span>
            </a>
            <div class="nc-contain">
                <div class="classfy">
                    <ul class="box">
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>火锅</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript: ;">
                                <span>小吃快餐</span>
                            </a>
                        </li>
                    </ul>

                </div>
                <div class="nc-more">
                    <a href="javascript: ;">
              <span>
                更多
              </span>
                    </a>
                </div>
            </div>
        </div>
        <div class="nav-tabs">
            <h4 class="place">地点：</h4>
            <a href="javascript: ;" class="nav-a place" >
                <span class="col">不限</span>
            </a>
            <div class="tabs-contain">
                <div class="layui-tab">
                    <ul class="layui-tab-title">
                        <li class="layui-li layui-this">网站设置</li>
                        <li class="layui-li">用户管理</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <ul>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>观前街</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-tab-item">
                            <ul>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: ;">
                                        <span>苏州中心</span>
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>


            </div>

        </div>
    </div>
</div>

<div class="content-wrap">
    <div class="shop-wrap">
        <div class="content">
            <div class="filter-box">
                <div class="filt-classify">
                    <a href="javascript: ;">
                        <i></i>
                        <span>有团购</span>
                    </a>
                </div>
                <div class="filt-service">
                    <ul>
                        <li>
                            <a href="javascript: ;" class="cur">智能</a>
                            <em class="sep">|</em>
                        </li>
                        <li class="fs-sl">
                            <a href="javascript: ;">
                                好评
                                <i class="icon-arr-down">
                                </i>
                            </a>
                            <em class="sep sep-sl">|</em>
                        </li>
                        <li class="fs-sl">
                            <a href="javascript: ;">
                                人均
                                <i class="icon-arr-down">

                                </i>
                            </a>
                            <em class="sep sep-sl">|</em>
                        </li>
                        <li class="fs-slt">
                            <a href="javascript: ;">
                                评价数量
                                <i class="icon-arr-down">

                                </i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="shop-list">
              <%--  ${pageInfo.list}--%>
                <ul>
                    <c:forEach var="shopvo" items="${pageInfo.list}">
                        <li class="big">
                            <div class="pic">
                                <a href="${pageContext.request.contextPath}/shop/${shopvo.shop.shopId}">
                                    <img src="${pageContext.request.contextPath}/${shopvo.shop.shopImg}">
                                </a>
                            </div>
                            <div class="txt">
                                <div class="tit">
                                    <a href="${pageContext.request.contextPath}/shop/${shopvo.shop.shopId}">
                                        <h4>${shopvo.shop.shopName}</h4>
                                    </a>
                                    <!--有团购的图-->
                                    <div class="promo-icon">
                                        <img src="../images/shop_img/tuan.jpg">
                                    </div>
                                </div>
                                <div class="comment">
                                    <div class="test9"  class="layui-inline"></div>

                                    <a href="" class="nebula_star">
                                        人均
                                        <b>
                                            ￥
                                            <span>${shopvo.shop.shopAvgPrice}</span>
                                        </b>
                                    </a>
                                    <em>|</em>
                                    <a href="" class="nebula_star">
                                        <b>
                                            <span>${shopvo.shop.shopReviewAmount}</span>
                                        </b>
                                        条评论
                                    </a>
                                </div>
                                <div class="tag-addr">
                                    <a href="">
                      <span class="tag">
                        大闸蟹
                      </span>
                                    </a>
                                    <em>|</em>
                                    <a href="">
                      <span class="tag">
                        阳澄湖旅游度假区
                      </span>
                                    </a>
                                </div>
                                <div class="recommend">
                                    <span>推荐菜:</span>
                                    <c:forEach var ="dish" items="${shopvo.recommendedDishesList}">
                                        <a class="recommend-click" href="">
                                            <span>${dish.recDishesName}</span>
                                        </a>,
                                    </c:forEach>
                                </div>
                            </div>
                            <div class="svr-info">
                                <span class="tit">团购:</span>
                                此餐馆有<label>7</label>个团购
                            </div>
                        </li>
                    </c:forEach>
                </ul>


                <%--page info--%>
                <div>
                    <c:if test="${pageInfo.pageNum !=1}">
                        <a href="javascript:void(0)" class="prePageBtn">上一页</a>
                    </c:if>

                    当前是第${pageInfo.pageNum} 页，共有${pageInfo.total} 条记录，共有 ${pageInfo.pages} 页

                    <c:if test="${pageInfo.pageNum !=pageInfo.pages}">
                        <a href="javascript:void(0)"  class="nextPageBtn">下一页</a>
                    </c:if>
                </div>

            </div>
            <div id="demo0" class="m"></div>


        </div>
    </div>
    <div class="aside-qrcode">

        <img class="logo1" src="../images/vip_img/vip_logo.png">
        <img class="logo2" src="../images/vip_img/vip_logo1.png">
        <div class="vip">
            <span>会员特权</span>
            <div class="datail">
                <ul>
                    <li>1. 赠送优惠券</li>
                    <li>2. 每单积分翻5倍</li>
                    <li>3. 更多机会抽取好礼</li>
                </ul>
            </div>
        </div>
        <span class="bbbb"><a href="">快快成为会员吧</a> </span>

    </div>
</div>


<%--<script src="${pageContext.request.contextPath}/js/footer.js"></script>
<script src="${pageContext.request.contextPath}/js/shop_list.js"></script>--%>
<jsp:include page="../navigation/footer.jsp"/>

    <script>
        var kw =  '${kw}' ;
        console.log("kw = " + kw)
        var pageNum = parseInt( ${pageInfo.pageNum});
        console.log("pageNum = " + pageNum)

        $(".prePageBtn").click(function (){
            var url = '${pageContext.request.contextPath}'+"/shop/kw/"+kw+"/page/"+ (pageNum-1);
            console.log("pre page url = " + url);
            location.href = url;
        })
        $(".nextPageBtn").click(function (){
            var url = '${pageContext.request.contextPath}'+"/shop/kw/"+kw+"/page/"+ (pageNum+1);
            console.log("next page url = " + url);
            location.href = url;
        })


    </script>


</body>
</html>
